<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta http-equiv="content-style-type" content="text/css"/>
<meta http-equiv="content-script-type" content="text/javascript"/>
<meta name="version" content="neblog-1.0"/>
<title>hikerwu</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<style>
    .dataout { width:100%; height:660px;overflow-x:scroll;}
</style>
</head>
<body>

<div>
    <p><button id="b_clear">clear</button>
        <button id="b_func">get</button> url: <select id="f_names">
            <option value="http://icar.qq.com/publishQQNewsPhone?other=0">publishQQNewsPhone</option>
            <option value="http://icar.qq.com/publishQQNewsPhone?other=0">publishQQNewsPhone</option>
            </select></p>
    <p>url: <input id="f_namei" size="100"/></p>
    <div><textarea id="data_out" class="dataout" wrap="off"></textarea>
    </div>
</div>
<script type="text/javascript">
$().ready(function(){
    $("#b_clear").click(function(){
        $("#data_in").val('');
        $("#data_out").val('');
    });
    $("#b_func").click(function(){
        $("#b_func").attr("disabled", true);
        var data = {};
        data['url'] = $("#data_in").val();
        var url = '/hiker/?m=UrlJson&a=convert';
        $.ajax({type: "POST", url: url, data: data, success: function(str){
            var info = "var result=" + str +';';
            try{
                eval(info);
                $("#data_out").val(result['data']);
            } catch(exception) {
                alert(info);
            }
            $("#b_func").removeAttr("disabled");
        }});
    });    
});
</script>

</body>
</html>
